<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bridge Hand Generator</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bridge-hand-generator.css" rel="stylesheet">
    
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>  
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->      
  </head>
  <body>
  	<header>
		<nav id="header" class="navbar navbar-default navbar-fixed-top" role="navigation">
		   <div class="navbar-header">
		      <button type="button" class="navbar-toggle" data-toggle="collapse" 
		         data-target="#example-navbar-collapse">
		         <span class="sr-only">Toggle navigation</span>
		         <span class="icon-bar"></span>
		         <span class="icon-bar"></span>
		         <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">Bridge Hand Generator</a>
		   </div>
		   <div class="collapse navbar-collapse" id="header-bar">
		      <p class="navbar-text navbar-right">Contact: <span style="unicode-bidi:bidi-override; direction: rtl;">moc.liamg@egdirbnaidni</span></a>
		      </p>
		   </div>
		</nav>  
	</header>
	<section id="section">
		
	</section>

	<footer>
		<nav id="footer" class="navbar navbar-default navbar-fixed-bottom" role="navigation">
		   <div class="navbar-header">
		      <button type="button" class="navbar-toggle" data-toggle="collapse" 
		         data-target="#footer-bar">
		         <span class="sr-only">Toggle navigation</span>
		         <span class="icon-bar"></span>
		         <span class="icon-bar"></span>
		         <span class="icon-bar"></span>
		      </button>
		   </div>
		   <div class="collapse navbar-collapse" id="footer-bar">
		   </div>
		</nav>  		
	</footer>
  
  	<script src="js/bootstrap.min.js"></script>   	
  	<script src="js/bridge-classes.js"></script>  
  	<script src="js/bridge-hand-generator.js"></script>  
  </body>
</html>